<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>BEST-知客招生系统后台登录</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/global.js"></script>
		<style>
			#img {
				width: 30px;
				height: 20px;
				position: absolute;
				right: 20px;
				margin-top: 12px;
				top: 5px;
				text-align: center;
			}
		</style>
	</head>

	<body>

		<img class="bgone" src="img/1.jpg" />
		<img class="pic" src="img/a.png" />

		<form class="layui-form" action="">
			<div class="wel">Welcome 登录BEST-知客招生管理系统</div>
			<div class="wel1"> WELCOME DENG LU BEST-ZHI KE ZHAO SHENG GUAN LI XI TONG </div>
			<div class="wel1l" id="content"></div>
			<div class="user">
				<div id="yonghu" style=""><img src="img/yhm.png" /></div>
				<input type="text" name="loginName" value="" required lay-verify="required" placeholder="请输入用户名">
			</div>
			<div class="password">
				<div id="yonghu"><img src="img/mm.png" /></div>
				<input type="password" name="password" id="user-login-password" value="" required lay-verify="required" placeholder="请输入密码">
				<img id="img" onclick="hideShowPsw()" src="img/20200328004805547.png">
			</div>
			<button class="btn" lay-submit lay-filter="formDemo">登录</button>
		</form>

		<script>
			var c = ["【现实会告诉你 不努力就会被生活踩死，无需找什么借口，一无所有 就是拼的理由】",
				"【靠山山会倒，靠水水会流，靠自己永远不倒】",
				"【很多聪明人之所以没有成功，缺少的不是智慧，而是那种为成功而拼搏的干劲 】",
				"【成功不是将来才有的，而是从决定去做的那一刻起，持续累积而成】",
				"【退是一种胸怀，让是一种修养，退、让则是一种智慧】",
				"【世界上最难的事情是坚持，世上最容易的事情也是坚持，不管怎么样只要坚持就能胜利】",
				"【如果你想得到，你就会得到，你所需要付出的只是行动】",
				"【时间是宝贵的，抓住了时间就抓住了成功。只有孜孜不倦地求索，才有源源不断的收获】",
				"【人生是一场马拉松，中途什么事情都有可能发生，跑到最后的最远的才是胜利者】",
				"【做人也要像蜡烛一样，在有限的一生中有一分热发一分光，给人以光明，给人以温暖】",
				"【受挫受辱之时，务须咬牙励志，蓄其气而长其智】",
				"【不肯下一点功夫，永远不会明白自己从何而来，又将立足于何处】"
			];
			window.onload = function() {
				document.getElementById("content").innerHTML = c[parseInt(Math.random() * c.length)];
			}
		</script>

		<script>
			/*密码明文暗文*/
			//隐藏text block，显示password block
			var demoImg = document.getElementById("img");
			var PWD = document.getElementById("user-login-password");

			function hideShowPsw() {
				if(PWD.type == "password") {
					PWD.type = "text";
					demoImg.src = "img/20200328004721243.png"; //图片路径（闭眼图片）
				} else {
					PWD.type = "password";
					demoImg.src = "img/20200328004805547.png"; //图片路径（睁眼图片）
				}
			}
		</script>

		<script>
			//Demo
			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					//layer.msg(JSON.stringify(data.field));
					console.log(data.field);
					$.post(globalData.server + "login", data.field, function(res) {
						console.log(res);
						if(res != null && res.code == 0) { //登录成功
							//保存token
							globalData.setToken(res.token)
							globalData.setuserUrl(res.data.imgUrl)
							//保存登录成功的用户信息
							globalData.setUserInfo(res.data.id, res.data.loginName)
							console.log(globalData.getToken());
							//跳转到index页面
							window.location.href = "index.html";
						} else if(res.code == 502) {
							layer.msg(res.msg, {
								icon: 7,
								time: 3000
							});
						} else if(res.code == 503) {
							layer.msg(res.msg, {
								icon: 4,
								time: 3000
							});
						} else if(res.code == 504) {
							layer.msg(res.msg, {
								icon: 4,
								time: 3000
							});
						} else {
							layer.msg("登录失败，用户名不存在", {
								icon: 7,
								time: 2000
							});
						}
					})

					//不提交表单
					return false;
				});
			});
		</script>
	</body>

</html>